<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<div id="box">
    ---我是box---
</div>
<div id="dv1">
    我是dv1
</div>
<script src="js/jquery-3.6.0.min.js"></script>
<script>
$(function(){
    // $('#box').append("<b>这是一个b标记</b>");
    // $('#box').append($("<h1>这是一个标题</h1>"));
    // $('#box').append('#dv1'); ==>NO
    // $('#box').append($('#dv1'));
    // $('#dv1').appendTo($('#box'));
    // $("#div").appendTo("#box");
    //$("#box").prepend($("#dv1"));

    //$("#box").after("<h1>这是一个标题</h1>");
    //$("#box").before("<h1>这是一个标题</h1>");
    //$("<h1>这是一个标题</h1>").insertAfter("#box");
    //$("<h1>这是一个标题</h1>").insertBefore("#box");

})
</script>
</body>
</html>